$(function () {
  resetui()
  // 为发送按钮绑定鼠标点击事件
  $('#btnSend').click(function () {
    const text = $('#ipt').val().trim()
    if (text.length <= 0) {
      return $('#ipt').val('')
    }
    $('#talk_list').append(`<li class="right_word"><img src="img/person02.png" /> <span>${text}</span></li>`)
    $('#ipt').val('')
    resetui()
    getMsg(text)
  })

  // 获取聊天机器人发送回来的消息
  //              完整地址: http://ajax-api.itheima.net/api/robot
  //              请求方式： GET
  //              请求参数：spoken     要发给机器人的聊天消息
  function getMsg(spoken) {
    $.ajax({
      type: 'GET',
      url: 'http://ajax-api.itheima.net/api/robot',
      data: {
        spoken
      },
      success({ data: { info: { text } } }) {
        $('#talk_list').append(`<li class="left_word"><img src="img/person01.png" /> <span> ${text} </span></li>`)
        resetui()
        getVoice(text)
      }
    })
  }

  // 把文字转化为语音进行播放
  //              完整地址: http://ajax-base-api-t.itheima.net/api/synthesize
  //              请求方式： GET
  //              请求参数： text     对应文字(机器人回的话)转语音
  function getVoice(text) {
    $.ajax({
      method: 'GET',
      url: 'http://ajax-base-api-t.itheima.net/api/synthesize',
      data: {
        text
      },
      success: function (res) {
        // 如果请求成功，则 res.voiceUrl 是服务器返回的音频 URL 地址
        if (res.status === 200) {
          // console.log(res.voiceUrl);
          $('#voice').attr('src', res.voiceUrl)
        }
      }
    })
  }
  $('#ipt').on('keyup' ,function (e) {
    if (e.key === 'Enter') {
      $('#btnSend').click()
    }
  })
})